<div class="row">
  <div class="col-md-6 col-sm-8 col-sm-push-2">
    <form action="#" method="post" class="form form-horizontal" [formGroup]="deviceCateForm">
      <div class="one-form-header"></div>
      <div class="one-form-body">
        <div class="form-group">
          <label for="monitorName" class="col-sm-4 control-label"><span style="color: red;">*</span> 设备类型名称:</label>
          <div class="col-sm-8 ">
            <input type="text" class="form-control" id="monitorName"  formControlName="monitorName">
            <div *ngIf="formErrors.monitorName" class="has-error">
              <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.monitorName}} </label>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label for="monitorCode" class="col-sm-4 control-label"><span style="color: red;">*</span> 设备类型编码:</label>
          <div class="col-sm-8 ">
            <input type="text" class="form-control" id="monitorCode" formControlName="monitorCode" required>
            <div *ngIf="formErrors.monitorCode" class="has-error">
              <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.monitorCode}} </label>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label for="monitorNum" class="col-sm-4 control-label"><span style="color: red;">*</span> 设备类型型号:</label>
          <div class="col-sm-8 ">
            <input type="text" class="form-control" id="monitorNum" formControlName="monitorNum" required>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label" ><span style="color: red;">*</span>监测类别:</label>
          <div class="col-sm-8 ">
            <nz-select style="width: 100%;" nzSize="large"  [nzPlaceHolder]="'choose option'" nzAllowClear [formControlName]="'monitorCategory'">
              <nz-option nzLabel="--选择监测类别--" nzValue=""></nz-option>
              <nz-option
                *ngFor="let polluteType of dicPolluteArr"
                [nzLabel]="polluteType.display"
                [nzValue]="polluteType.value"
              >
              </nz-option>
            </nz-select>
            <div *ngIf="formErrors.monitorCategory" class="has-error">
              <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.monitorCategory}} </label>
            </div>
          </div>
        </div>
        <div class="row">
          <label class="col-sm-4 control-label"  >启用:</label>
          <div class="col-sm-8 ">
            <div class="row">
              <div class="col-xs-4">
                <input type="radio" id="deviceCate_enable_yes" value="1" formControlName="isUse">
                <label for="deviceCate_enable_yes">
                  启用
                </label>
              </div>
              <div class="col-xs-4">
                <input type="radio" id="deviceCate_enable_no" formControlName="isUse" checked value="0">
                <label for="deviceCate_enable_no">
                  禁用
                </label>
              </div>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label for="character_add_describe" class="col-xs-4 control-label"> 说明:</label>
          <div class="col-xs-8">
            <textarea rows="2" cols="20"  placeholder="说明" id="character_add_describe" style="width:100%;border-radius: 3px;margin-top: 3px;padding: 5px;" name="description" formControlName="remark" maxlength="200"></textarea>
            <div *ngIf="formErrors.remark" class="has-error">
              <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.remark}} </label>
            </div>
          </div>
        </div>
      </div>
      <div class="one-form-footer">
        <div class="pull-right">
          <button class="btn btn-default" type="reset" (click)="cancelSiteCateAdd()">取消</button>
          <button class="btn btn-success" type="button" [disabled]="!deviceCateForm.valid" (click)="onSubmit()" >提交</button>
        </div>
      </div>
    </form>
  </div>
</div>
